<html>
<head>
	<title>Login <?php echo $ci->config->item('app_title')?></title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/grocery_crud/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/grocery_crud/css/app.css">
	<script type="text/javascript" src="<?php echo base_url()?>assets/grocery_crud/js/jquery-1.10.2.min.js"></script>
</head>
<body>
<div class="login-prnt">	
<div class="login-cnt">	
	<div class="login-err"><?php echo $err ? "<i style='display: block; float: left; font-size: 20px; margin: 5px; line-height: 17px;' class='fa fa-warning'></i>&nbsp;" : ''?><?php echo ltrim($err)?></div>
<h3 style="font-size: 182%; text-align: center;"><i class="fa fa-desktop"></i>&nbsp; Login Aplikasi</h3>
<form action="<?php echo site_url('session/login');?>" method='post'>
	<input type="hidden" name="do_login" value="YES"/>
	<div>
		<div>
			<label><i class="fa fa-user"></i>&nbsp;NIP</label>
			<input type="text" name="username" id="username"/>
		</div>
		<div>
			<label ><i class="fa fa-lock"></i>&nbsp;&nbsp;Password</label>
			<input type="password" name="password" id="password"/>
		</div>
		<div>
			
		</div>
		<div>
			<label>&nbsp;</label>
			<input type="submit" value="Login" id="LoginButton"/>&nbsp;
			<input type="reset" value="Reset" id="ResetButton"/>
		</div>
	</div>
</form>
</div>
<div class="watermark">
	<img src="<?php echo base_url()?>assets/images/Halaman%20Login%20dan%20Menu%20Utama.jpg"/>
</div>
</div>
</body>
</html>
<style type="text/css">
.login-cnt #username,
.login-cnt #password{
	padding: .4em;
	width: 166px;
}
div.watermark > img{
	width: 100%;

}
div.watermark{
	min-width: 1024px;	

}
body{
	margin: 0;
	padding: 0;
	font-family:	arial,​sans-serif;
	font-size: 12px;
	background: purple;/* url(<?php echo base_url()?>assets/images/Import___Export_Agent.jpg) no-repeat center center;*/
}
div.login-prnt{
	min-width: 1024px;
}
div.login-cnt > form > div > div{
	padding: 2px;
}
div.login-cnt {
/*    border: 1px solid #CECECE;*/
    border-radius: 10px;
/*    margin: 55px auto 1em;*/
    padding: 43px;
    width: 272px !important;
  /*  background: none repeat scroll 0 0 #DEDEFF;*/
    opacity: .8;
    position: absolute;
    margin: 13% 38%;
}
div.login-cnt > form > div > div > label{
	display: block;
	float: left;
	width: 100px;
	font-size: 14px;
    line-height: 31px;
}
#LoginButton,#ResetButton{
	padding: 4px;
	font-size: 120%;
	color: #333;
	cursor: pointer;
}

.login-err{
	padding: 2px;
	font-weight: bold;
	color: red;
	line-height: 28px;
}
</style>
<script type="text/javascript">
// IF NOT INSIDE IFRAME
if( self != top )
{
	parent.document.location = '<?php echo base_url()?>';
}
else
{
	var ParentWindow = window.parent;
	var pjq = ParentWindow.jQuery;
	if( !pjq('body').layout().state.west.isHidden )
	{
		console.log('west is hidden');
		pjq(".ui-layout-toggler.ui-layout-toggler-west").hide().remove();
		pjq('.ui-layout-resizer.ui-layout-resizer-west').hide().remove();
		//pjq(".ui-layout-west").remove();
	}
	//pjq(".ui-layout-west").hide();

	pjq('a.homepage-ln').css({
	    display: 'block',
	    margin: '0 auto',
	    width: '251px'
	});
	$('#username').focus();
	//;

	console.log(ParentWindow);
}

$('#username').focus();
</script>